From a9c42c5baf51528fb823272986cf95a06d3b507d Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 19 Feb 2024 17:13:34 -0800
Subject: feat(user): full screen error

---
 src/routes/user/[user]/+page.svelte | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'src/routes/user/[user]/+page.svelte')

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index 791f660a..2a420fce 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -69,21 +69,23 @@
 		profile could not be loaded.
 	</AnimeRateLimited>
 {:else}
-	<div class={userData ? 'card card-small' : 'card'} id="user-panel">
-		{#if userData === null}
-			Could not load user profile for <a
-				href={`https://anilist.co/user/${data.username}`}
-				target="_blank">@{data.username}</a
-			>.
-
-			<p />
-
-			Does this user exist?
-		{:else if userData === undefined}
+	{#if userData === null}
+		<Message slot withReload>
+			<p>
+				Could not load user profile for <a
+					href={`https://anilist.co/user/${data.username}`}
+					target="_blank">@{data.username}</a
+				>.
+			</p>
+		</Message>
+	{:else if userData === undefined}
+		<div class="card card-small">
 			<Message />
 
 			<Skeleton card={false} count={1} height="224px" />
-		{:else}
+		</div>
+	{:else}
+		<div class={userData ? 'card card-small' : 'card'}>
 			<div
 				class="card"
 				id="user-grid"
@@ -146,8 +148,8 @@
 					</div>
 				</div>
 			</div>
-		{/if}
-	</div>
+		</div>
+	{/if}
 
 	{#if schedule && preferences && preferences.pinned_hololive_streams.length > 0}
 		<p />
-- 
cgit v1.2.3

